﻿<vt:include file="masterpage.html" remark="导入MasterPage页面" />
<vt:set var="MasterPage" value="0" remark="设置一个变量,用于标示当前不处于MasterPage页中" />
<!--vt[根据MasterPage变量值来判断子页面的内容是否需要输出.这就限制了子页面的内容只在MasterPage页面中的output标签输出.]-->
<vt:if id="PageContent" var="MasterPage" value="1">

<!-- end of menu -->
    <div id="templatemo_main">
		<div class="post_box"> 
        	<h1>网页基础知识</h1>
        	<div class="post_meta">
            	<ul>
                	<li>2 次</li>
                	<li>2012年9月19日</li>
					<li><a href="#">网页</a>, <a href="#">CSS</a></li>
				</ul>
            </div>
            <div class="col_b float_r">
                CSS是Cascading Style Sheets（层叠样式表单）的简称。它对网页中的布局、字体、颜色、背景和其它图文效果能够实现更加精确的控制。除此之外，它还有许多优点，如：只通过修改一个文件就可改变页数不定的网页的外观和格式；更少的代码、更少的页数和更快的下载速度等等，它为大部分网页的创新奠定了基石。 CSS2是在CSS1的基础上，扩展了更多的标记功能，实现了更多的效果。CSS3目前进在发展中，所以IE浏览器还不支持CSS3，本CSS教程将详细讲解CSS2的语法和主要参数，并有丰富的示例代码，相信大家学起来是不难的。教程暂时分为以下4个篇章:
                选择符篇
                选择符篇主要讲述如何应用CSS样式。
                参数篇
                参数篇讲述各种CSS样式参数的作用和效果。
                BUG篇
                有时我们……。
                综合篇
                在熟悉了选择符和参数的情况下学习此篇，此篇主要讲述一些难点问题。
			</div>
        </div>
        
        <div class="cleaner h30"></div>
        
        <div class="col_b">
            <h5>Comments</h5>
                            
            <div id="comment_section">
                <ol class="comments first_level">
                        
                        <li>
                            <div class="comment_box commentbox1">
                                    
                                <div class="gravatar">
                                    <img src="images/avator.png" alt="author 6" />
                                </div>
                                
                                <div class="comment_text">
                                    <div class="comment_author">George <span class="date">November 21, 2048</span> <span class="time">12:08 pm</span></div>
                                    <p> Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu.   Nullam neque turpis, mollis quis placerat eget, egestas est.</p>
                                  <div class="reply"><a href="#">Reply</a></div>
                                </div>
                                <div class="cleaner"></div>
                            </div>                        
                            
                        </li>
                        
                        <li>
                        
                                <ol class="comments">
                            
                                    <li>
                                        <div class="comment_box commentbox2">
                                        
                                        <div class="gravatar">
                                        <img src="images/avator.png" alt="author 5" />
                                        </div>
                                        <div class="comment_text">
                                        <div class="comment_author">Danny <span class="date">November 22, 2048</span> <span class="time">11:35 pm</span></div>
                                        <p>   In sit amet suscipit leo.  Duis ultricies nulla sed dolor egestas id. Nunc vitae luctus ligula.</p>
                                        <div class="reply"><a href="#">Reply</a></div>
                                        </div>
                                        
                                        <div class="cleaner"></div>
                                        </div>                        
                                    
                                    </li>
                                    
                                    <li>
                                    
                                        <ol class="comments">
                                    
                                            <li>
                                                <div class="comment_box commentbox1">
                                                
                                                    <div class="gravatar">
                                                        <img src="images/avator.png" alt="author 4" />
                                                    </div>
                                                    <div class="comment_text">
                                                        <div class="comment_author">Jackie <span class="date">November 23, 2048</span> <span class="time">11:42 am</span></div>
                                                        <p> Vestibulum eget ligula et ipsum laoreet aliquam sed ut risus.  </p>
                                                      <div class="reply"><a href="#">Reply</a></div>
                                                    </div>
                                                    
                                                    <div class="cleaner"></div>
                                                </div>    
                                                
                                            </li>
                                        </ol>
                        
                                    </li>
                                </ol>
                                
                        </li>
                        
                        <li>
                            <div class="comment_box commentbox1">
                                    
                                     
                                <div class="gravatar">
                                    <img src="images/avator.png" alt="author 1" />
                                </div>
                                <div class="comment_text">
                                    <div class="comment_author">Martin <span class="date">November 24, 2048</span> <span class="time">07:35 am</span></div>
                                    <p> Aliquam quis urna et lacus volutpat blandit. Praesent consectetur justo id mi condimentum euismod.</p>
                                  <div class="reply"><a href="#">Reply</a></div>
                                </div>
                                
                                <div class="cleaner"></div>
                            </div>
                                                        
                        </li>
                        
                        <li>
                            <div class="comment_box commentbox1">
                                    
                                <div class="gravatar">
                                    <img src="images/avator.png" alt="author 2" />
                                </div>
                                <div class="comment_text">
                                    <div class="comment_author">Walter <span class="date">November 30, 2048</span> <span class="time">10:54 am</span></div>
                                    <p> Nunc vitae purus non augue scelerisque ultricies vitae et velit quis nulla id orci malesua.</p>
                                  <div class="reply"><a href="#">Reply</a></div>
                                </div>
                                
                                <div class="cleaner"></div>
                            </div>      
                            
                        </li>
                        
                </ol>
                <div class="cleaner h20"></div>    
                <div class="pagging">
                    <ul>
                        <li><a href="http://sc.chinaz.com/" target="_parent">Previous</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">1</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">2</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">3</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">4</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">5</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">6</a></li>
                        <li><a href="http://sc.chinaz.com/" target="_parent">Next</a></li>
                    </ul>
                </div>    
                
            </div>
            
            <div class="cleaner h20"></div>
                    
            <div id="comment_form">
                <h5>Leave your comment</h5>
                	<form action="#" method="get">
						<div class="form_row">

							<label>Name (* required )</label><br />
							<input type="text" name="name" />
						</div>
						<div class="form_row">
                        
							<label>Email  (* required)</label><br />
							<input type="text" name="name" />
						</div>
						<div class="form_row">

							<label>Comment</label><br />
							<textarea  name="comment" rows="" cols=""></textarea>
						</div>
			
						<input type="submit" name="Submit" value="Submit" class="submit_btn" />
					</form>
            </div>
        
        </div>
        <div class="cleaner"></div>
    </div> <!-- end of main -->
    
   </vt:if>